@import 'base-color.scss';
/*面包屑*/
.tab-nav{background: #fff; padding: 30px; line-height: 20px;}
.tab-addbtn{color: $mco; line-height: 14px;cursor: pointer;}

/*training-manage.vue*/
.tran-managebox{padding: 30px;background: #fff;}

.train-tab ul>li:first-of-type{margin-left: 0px;}
.train-tab ul>li{float: left;margin-left: 44px;font-size: 16px;cursor: pointer;color: $mc2;}
.train-tab ul .active{color: $mco;border-bottom:3px solid #3F66F6;}

.signup-total{height: 42px;}
.table-box{border:1px solid $mc3;}
.st-num{color:$mco;}
.signup-total span{vertical-align: middle;line-height: 42px;}
.sign-input{width: 30%;height: 100%;line-height: 42px;vertical-align: middle;}

/*icon*/
.question_ic{width: 16px;height: 16px;top: 6px;right: 3px;}
.public-icon{width: 16px;height:16px;}
.single_ic{width: 16px;height: 16px;}

/*inputTypes*/
/*exam inputTypes*/
.inputTypes-one{width: 420px;height: 42px;background: #fff;color:$mc2;border: 1px solid #e1e7eb; outline: none;border-radius: 2px;box-sizing: border-box;padding-left: 16px;}
.inputTypes-two{width: 50px;height: 30px;border:1px solid #e1e7eb;text-align: center;line-height: 30px;color: #666a80;background: #fff;}
.inputTypes-three{width: 460px;height: 42px;background: #fff;color:$mc2;border: 1px solid #e1e7eb; outline: none;border-radius: 2px;box-sizing: border-box;padding-left: 16px;}

/*organize.vue*/
.organize-box{background: #fff;}
.radio-btn{line-height: 42px;}
.btn-active{background: $mco;color:#fff;}
.btn-or{width: 140px;}
.colormc3{color:$mc3;}
.colormcO{color:$mco;}
.colormc2{color:$mc2;}
.colormc1{color:$mc1;}

/*training-info.vue*/
.training-infobox{}
.train-infolist{background: #fff;padding: 40px 30px;}
.til-list span{width:30%;display: inline-block;}
.train-intro{margin-top: 5px;background: #fff;padding: 40px 30px;}
.ti-fr{bottom: 40px;right: 30px;}
.bid3-one{width: 50px; padding: 5px 0px;margin: 0 10px 0 0;background: #f7f8fa;text-align: center; font-weight: bold;border-radius: 2px; color: #63677e;cursor: pointer;}
.bid3-one span{display: block;}
.btn-edit{vertical-align: bottom;display: inline-block;}

.train-introdes{width: 50%;display: inline-block;}
.train-introtitle{color:$mc2;}
.train-introdes span{display: block;line-height: 25px;color:$mc2;}

/*training-notice.vue*/
.tab-active{color: #000;border-top: 3px solid $mco;background:#fff;}
.traniing-info-tab{background: $mcb;}
.traniing-info-tab span{padding: 4px 40px;cursor: pointer;font-size: 16px;font-weight: bold;display: inline-block;}

.notice-middle{padding: 26px 40px;background: #fff;margin-bottom: 10px;}
.last-notice{font-weight: bold;}
.notice-middle p{margin: 24px 0}
.recharge-btn{background: $mco;}
.notice-main{padding: 50px 180px 40px 0;background: #fff;}
.name-box{height: 200px;border: 1px solid #d8dce5;border-radius: 4px;overflow-y: auto;}
.notice-tip{color: #aaa;}

.input-dialog{padding-left: 40px;}
.word-dialog-tap{padding: 8px 0 0 40px;}
.dialog-btn-left{width: 150px;margin: 0 10px 0 -4px;}
.dialog-btn-right{width: 150px;background: $mco;}

/*signup-result.vue*/
.sign-result-box{padding: 30px;background: #fff;}
.srb-total-num{color: $mc2;padding: 10px 0px;}

/*exam.vue*/
.exam-box{background: #fff;padding: 30px 30px;}

/*editTestPaper*/
.train-name{padding: 20px;text-align: center;}
.exam-info-tab{background: #fff;}
.exam-info-tab span{font-weight: normal;padding: 4px 0px;margin-right: 40px;}

.exam-info-tabr{top: 0px;right: 0px;height:100%;}
.exam-info-tabr span{color:$mco;}
.exam-info-tabr .from-bank{margin-right: 0px;}

.exam-space{background: #fff;padding: 200px 0px;text-align: center;}
.exam-space-item img{width: 84px;height: 84px;}
.exam-space-item{width: 84px;display: inline-block;cursor: pointer;}
.space-iconf{margin-right: 130px;}
.space-txt{display: block;color:$mco;width: 100%;}

.exam-list-box{width: 100%;}

.paper-input-box{width: 320px;}

.topic-types{border-top: 1px solid $mc3;border-bottom: 1px solid $mc3;}
.question-types-btn{width: 88px;height:42px;background: #fff;border:1px solid $mc3;display: inline-block;text-align: center;line-height: 42px;border-radius: 2px;color:$mc2;box-sizing: border-box;}

.exam-detail-table{background: #fff;width: 100%;color:$mc2;border-collapse:collapse;}
.exam-detail-table thead tr th{height: 64px;width:25%;text-align: center;line-height: 64px;background: #fcfdff;}
.exam-detail-table tbody tr td{width: 25%;text-align: center;line-height: 64px;background: #fff;}

.add-radio-table table tbody tr td{ vertical-align: middle;}

/*editTestPaper*/
.question-leftccol{height:100%;}
.question-leftccol span{width: 100%;text-align: left;display: block;}
.add-topic{display: inline-block;width: 88px;height: 42px;border:1px solid #e1e7eb;text-align: center;line-height: 42px;box-sizing: border-box;color:$mc2;background: #fff;}

/*addRadioBorder*/
.add-content{width: 100%; background: $mcb;border:1px solid $mc3;}

.ac-left-tab{height:100%; padding: 0px 26px;background: $mcb;}
.ac-left-tab span{display: block;height: 42px;line-height: 42px;text-align: center;}

.ac-right-table{background: $mcb;margin-left: 90px;}
.ac-table-title{padding-right: 100px;}

.ac-table-out{border:1px solid $mcb; padding-right: 100px;}
.ac-table-box li{margin-top: 20px;}
.cut-position-box{height: 48px;line-height: 48px;text-align: center;}
.input-type-a{width:447px;height: 40px;background: #fff;text-align: left;color: $mco;padding:0;border:1px solid #e1e7eb;padding-left: 20px;}
.input-type-b{width:400px;height: 40px;background: #fff;text-align: left;color: $mco;padding:0;border:1px solid #e1e7eb;padding-left: 20px;}

.ac-table-in{height:134px;border:1px solid $mcb;overflow: hidden;}
.ac-table-in textarea{width: 100%;height: 100%;border:1px  solid #e1e7eb;}

/*addTopicBtn*/
.add-options-space{text-align: center;margin-left: 46px;border: 1px dashed #e1e7eb; height:42px;line-height: 42px;width: 420px;display: inline-block;background: #fff;color:$mc2;}

/*hasAddTopic*/
.edit-status1{background: #fff;}

/*examCreate*/

.ec-edit{width: 42px;height:42px;background: $mcb;text-align: center;line-height: 42px;display: inline-block;cursor: pointer;float: right;position: absolute;right: 0;top: 0;}

/*sendPaper*/
.send-paper-box{background: $mcb}
.send-paper-require{background: #ffff;padding: 30px 0px;color:$mc2;}
.send-paper-require label{width: 160px;text-align: center;color:$mc2;background: #fff;display: inline-block;}
.send-paper-require .el-date-picker{width: 320px;}

.send-tab-box{background: $mcb;padding-top: 10px;}
.send-tab-infolist{background: #fff;padding: 30px 0px;}
.send-tab-infolist span{padding: 4px 0px;cursor: pointer;font-size: 16px;font-weight: bold;display: inline-block;margin-right: 40px;}

/*examResult*/
.exam-result-box{background: #fff;padding: 40px 30px 100px 30px;}
.exam-result-num{}
.ern-list-out{width: 48.93%;height: 186px;display:flex; justify-content:center;align-items:center;float: left;background: $mcb;}
.ern-list-in{text-align: center;}

.result-status{padding: 30px 0px;background: #fff;height: 42px;}
.result-status-list{display: inline-block;overflow: hidden;vertical-align: middle;line-height: 42px;}
.result-status-left{line-height: 42px;vertical-align: middle;color: $mc3;}
.result-status-list li{width: 80px;height: 42px;text-align: center;line-height: 42px;float: left;color:$mc2;cursor: pointer;}
.result-status-list .result-status-active{color:$mco;border: 1px solid $mco;border-radius: 2px;}

.search{line-height: 42px;vertical-align: middle;}
.search-box{float: right;margin-right: 30px;height: 100%;width: 20%;background: $mcb;line-height: 42px; padding-left: 14px;border-radius: 2px;border:1px solid $mc3;}
.search-box input{border:none;outline: none;color: #8F95B3; background: $mcb;}

.detail-stu-info{}
.detail-stu-info span{width: 32%;text-align: left;color:$mc2;display: inline-block;}

.detail-stu-score{color:$mc2;}
.stu-test-status{color:$mco;}
.detail-stu-title{height: 20px;}
.exam-space-linet{position: absolute;top:0;left: 0;z-index:2;background: #fff;padding-right: 10px;}
.exam-space-line{height: 1px;background: $mc3;position: absolute;top:12px;width: 100%;z-index:1;}

.answers-score{top: 0px;right: 20px;color:$mc3;}
.question-topic{color:$mc2;}
.question-down{padding: 20px 20px 20px 16px;background: $mcb;}
.question-down-left{color: #ff9c5a;}
.question-down-right{color:$mco;}
.question-options{padding-left: 16px;color:$mc2;background: #fff;}

.question-options-box{color: $mc2;}
.question-options2{border-collapse:collapse;width: 100%;padding-left: 30px;}
/*.question-options2 thead tr{padding-left: 30px;}*/
/*.question-options2 thead tr td{background: #fcfdff;}*/
.question-options2 tbody tr{padding-left: 30px;}
.question-options2 tbody tr td{height:64px;background: #fff;}
.question-tr{width: 100%;}
.question-tr th:nth-of-type(1){padding-left: 30px;}
.question-tr td:nth-of-type(1){padding-left: 30px;}

/*.progress-percent-td{width: 526px;height: 64px;}*/
/*.progress-percent-box{display: flex; justify-content: center;align-items: center;height:100%;}*/
/*.check-progress{width: 70%;height:48px;background: $mc2;display: inline-block;*/

.question-progress-line{padding: 20px 0px;}
.question-progress-line .el-progress{width: 80%;display: inline-block;}
.check-progress-activec{color: #ff8c35;}
.check-progress-activeb{background: #ff8c35;}

/*exam-preview.vue*/
.exam-preview-box{background: $mcb;}
.exam-preview{background: $mcb;}
.exam-preview li{background: #fff;}
.space-line{width: 100%;height: 1px;background: $mcb;}
.preview-content{padding: 20px 30px;background: #fff;}

.show-answer-txt{right:30px;top:20px;color:$mc3;}

/*questionnaire.vue*/
.questionnaire-box{background: #fff;padding: 30px 30px;}

.hide{display: none;}
/*生成问卷选择题*/
.naire-question-left{padding-left: 30px;}
.ques-label:before{content: "*";color: #f56c6c;margin-top: 20px;}

/*生成问卷问答题*/
.naire-sub{width: 100%;background: #fff;}
.naire-sub-left{width: 50px;padding: 20px 0px;color:$mc2;font-size: 14px;float: left;}
.naire-sub-right{padding-top: 20px;margin-left: 60px;text-align: left;}
.naire-subr-content{border:1px  solid #e1e7eb;height: 132px;background: #fff;margin-top: 20px;}


